/
Tal Hayun UX/UI DESIGNER
Mobile App Concept

Test your mix across real playback setups. Find issues and refine it before release.Test mixes across playback setups and fix issues before release.

  • Self-initiated concept
  • Solo UX/UI designer
  • Figma, ChatGPT, Claude
Waves TrueMix mobile app mockup on a geometric pedestal
Mobile App Concept

TrueMix
Mix Translation

Test your mix across real playback setups.
Find issues and refine it before release.

  • Self-initiated concept
  • Solo UX/UI designer
  • Figma, ChatGPT, Claude

Explore TrueMix

Explore the mix-review journey, from choosing a playback setup to understanding results. Click through the screens to see how the product turns feedback into a clear next step.

Problem

Producers can't tell how a mix will hold up on phones, cars, or earbuds until after release — so mixes that sound great in the studio fall apart everywhere else.

Core users

Music producers, mixing engineers, and self-releasing artists who finalize tracks without access to a room full of reference systems.

Product goal

Let creators test how a mix translates across real playback setups and surface fixable issues before a track ever ships.

Product value

Catch translation problems early, ship confident masters, and stop second-guessing how a track sounds outside the studio.

User flow & screen logic

A guided review flow that moves creators from mix upload to setup selection, analysis, recommendations, and final summary without making the process feel technical or heavy.

01

Home

Start a new mix review and see recent sessions at a glance.

Home wireframe
02

Upload mix

Add a track, confirm the file, and choose a review depth.

Upload Mix wireframe
03

Select setup

Pick the playback systems to test the mix against.

Select Setup wireframe
04

Mix analysis

See an overall score and a per-setup breakdown.

Mix Analysis wireframe
05

Recommendations

Get prioritized, targeted fixes with estimated gains.

Recommendations wireframe
06

Result summary

Review key findings and keep a shareable report.

Result Summary wireframe

Key product screens

A complete review loop: choose playback setups, understand a weak result, try a focused fix and compare the revised mix. A failure state shows how the concept supports recovery.

01 / 09

Home

Home leads with Upload Mix and shows the latest session score and recent reviews beside it. The score change next to each track tells a returning user whether the last version improved.

View full screen
truemix — Home screen
02 / 09

Upload mix

After the file is chosen, the screen confirms its format and length and asks for one decision: Full Review, Quick or Custom. A three-step indicator at the top shows the whole process before it starts.

View full screen
truemix — Upload mix screen
03 / 09

Select setup

Instead of imagining how the mix sounds elsewhere, the user picks concrete playback systems: headphones, phone, car, laptop, club and streaming. Each row is a toggle, so adding or removing a setup is one tap.

View full screen
truemix — Select setup screen
04 / 09

Analysis failed

The failure state has its own screen. If the connection drops, it says at which step the analysis stopped and confirms that the file and the setup choices are saved. The only action is Try again.

View full screen
truemix — Analysis failed screen
05 / 09

Mix analysis

Results open with one overall score and a one-line verdict, then a score per setup, so the weakest setups are visible immediately. Issue markers on the waveform show where in the track the problems occur.

View full screen
truemix — Mix analysis screen
06 / 09

Setup details

Tapping a setup explains its score in one sentence: on phone speakers, vocals lose clarity in the low-mid range. The user can play the affected section and go straight to the matching recommendation.

View full screen
truemix — Setup details screen
07 / 09

Recommendations

Fixes are ranked by priority and tagged with the setups they affect, the effort involved and the estimated score gain. The total at the top gives a reason to act on the first two.

View full screen
truemix — Recommendations screen
08 / 09

Recommendation details

Each fix becomes three steps to try in the DAW, written as a starting point, not a preset. The screen ends with Upload revised mix, which sends the user back into the loop.

View full screen
truemix — Recommendation details screen
09 / 09

Compare versions

After a revised mix is uploaded, the two versions are compared on the same test settings: overall score, score per setup and what changed. This is the screen that shows whether the fix worked.

View full screen
truemix — Compare versions screen

Design system

A light system built for analysis: white surfaces, Inter for interface text, Roboto Condensed for scores, and status colors that make results readable at a glance.

View design system Hide design system

Typography

Inter keeps titles, labels and body text clean and legible. Roboto Condensed gives scores and numbers a compact, technical voice.

01
Interface Inter Regular · Medium · Semi Bold
Scores / Numbers Roboto Condensed Regular · Black
Type Scale
Screen TitleInter · 18px · Semi Bold
SubtitleInter · 15px · Regular
Score NumeralRoboto Condensed · 32px · Black
Card TitleInter · 15px · Semi Bold
BodyInter · 12px · Regular
LabelInter · 12px · Semi Bold

Color system

White and soft-grey surfaces keep the data readable. Blue and violet drive actions and selection, and green, orange and red mark score and priority states. The same variables also carry a dark theme.

02
App Background
#FAFCFF
Surface
#FFFFFF
Surface Soft
#F4F6F8
Border
#D8DEE8
Text Primary
#101828
Text Secondary
#475467
Text Muted
#667085
Primary Blue
#155EEF
Accent Violet
#6938EF
Success
#087443
Warning
#B54708
Alert
#B42318

Icon system

The icon system supports fast recognition across the review flow, from upload and setup selection to analysis, recommendations, reports, and saved sessions. Icons stay simple, monochrome, and functional so the interface remains focused on the mix feedback.

03

Components

Reusable interface patterns help turn technical mix analysis into a clear mobile workflow. Cards, setup selectors, score modules, recommendation blocks, and action buttons keep the review process focused, readable, and easy to act on.

04
TrueMix file upload card showing a ready WAV file Selected Headphones listening-setup row Overall mix score of 82 with a Very Good rating Recommendation card flagging a high-priority low-mid clarity fix Per-setup result summary with score bars Waveform player with playback control and highlighted issue markers

Key UX decisions

Four choices shape how the concept presents mix feedback. Their clarity and credibility still need to be tested with mixing engineers.

Decision 01

Setup-based testing over guesswork

Instead of: one generic mix-quality check.
Why: A problem on phone speakers may differ from one on headphones. Chosen playback setups give each example score and recommendation a concrete listening context.

Decision 02

One score, then the breakdown

Instead of: opening results with a wall of technical meters.
Why: An overall score offers an entry point, while the setup breakdown explains it. Testing should check whether this simplification helps or creates false confidence.

Decision 03

Prioritized, actionable fixes

Instead of: an unranked list of every issue.
Why: A creator close to release needs to decide what to work on first. Priority, affected setups and a suggested action make that decision easier to evaluate.

Decision 04

Shareable result reports

Instead of: feedback locked inside one review session.
Why: Mixes are revised and discussed with other people. Reports and version comparisons keep the feedback available for the next pass and for collaborators.

Outcome & next steps

TrueMix organizes example mix feedback into a scored review and a short list of next actions.

TrueMix is a self-initiated concept, not a launched audio-analysis product. I designed the upload, setup selection, results, recommendations and version-comparison journey, using ChatGPT and Claude during development. Scores and suggested gains are illustrative prototype content; the concept has not been tested with users.

I would first test whether mixing engineers understand and trust the score, and can turn a recommendation into a useful action. Real audio analysis would need separate validation. If implemented, I would track revised uploads, recommendation follow-through and report sharing, alongside listening-based evaluation.

More projects

SoundPath app mockup
SoundPath

Guided plugin chains for faster audio choices.

MOBILE APP CONCEPT
Waves Control Center dashboard concept screens
Waves Control Center

Plugin license control for audio workflows.

DASHBOARD CONCEPT
Pointer dog-first app concept
Pointer

Outings built around your dog.

MOBILE APP CONCEPT